<template>
  <div>
    <h1>我是day08组件</h1>
    <button @click="fun">调取第一个服务数据</button>
    <button @click="fun1">调取第二个服务数据</button>

  </div>
</template>
<script>
import axios from 'axios'
// import {getM} from '../api/api'
import http from "../api/request"

export default {
    name:"MyDay08",
    data() {
        return {
            
        }
    },
    // ajax axios调取接口的方式
    // 代理(proxy)，cors(node),JSONP(jq),nginx(java) 解决跨域
    methods:{
        async fun(){
            // const datas = await getM();
            // console.log(datas);
            const datas = await http.get('/api2/school');
            console.log(datas);


            // http://localhost:8080/stutend
            // http://127.0.0.1:8080/stutend
            // axios.get('http://localhost:8080/stutend').then(
            //     (res)=>{
            //         console.log('stutend成功'+res.data);
            //     },
            //     (error)=>{
            //         console.log('失败'+error.message);
            //     }
            // )
            // ----------------------
            // axios.get('http://localhost:8080/api1/stutend').then(
            //     (res)=>{
            //         console.log('stutend成功'+res.data);
            //     },
            //     (error)=>{
            //         console.log('失败'+error.message);
            //     }
            // )
            
        },
        fun1(){
            axios.get('http://localhost:8080/api2/school').then(
                (res)=>{
                    console.log('成功'+res.data);
                },
                (error)=>{
                    console.log('失败'+error.message);
                }
            )
        }
    }
}
</script>

<style>

</style>